<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../fa/css/all.css">
    <title>Document</title>
</head>

<body>
    <div class="top">

        <div class="topleft">
            <div class="currentcity">
                <a href="javascript:;">北京</a>
            </div>

        </div>

        <ul class="topright">

        </ul>

    </div>
</body>

</html>
<!-- 下拉框给父元素  别给兄弟元素 否则可能导致 点击下拉框的时候下拉框消失  很是操蛋 -->
<!-- 浮出的东西一般都设置绝对定位  不能撑开父元素的大小  -->
<!-- 使其不占据页面的位置 -->
<!-- 一般设置要给绝对定位  -->
<!-- border-bottom:none  -->
<!-- 弹出层必须设置层级 设置一个较高的层级 确保不被其他的元素盖住 -->
<!-- hover给谁一定要考虑清楚 -->
<!-- 基础能力要扎实  关键点是能不能熟练的运用知识 -->